
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<h:head></h:head>
	<h:body>
		<h:form id="miform">
			<!-- Opciones desplegar y crear. -->
			<h:panelGroup id="botones">
				<p:commandButton value="Hacer Reserva"
					actionListener="#{SalaMB.desplegarSalas()}" process="@this"
					update="lista" />					
			</h:panelGroup>
			<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
				for="gfMessages" />
			<!-- Tabla Listar Salas -->
			<p:panel style="border: none;" id="lista">
				<p:dataTable id="salas" value="#{SalaMB.salas}"
					var="sala" rendered="#{SalaMB.salas.size() gt 0}">
					<f:facet name="header">
            Lista Salas
        </f:facet>
					<p:column headerText="Codigo Sala " sortBy="#{sala.codSala}">
						<h:outputText value="#{sala.codSala}" />
					</p:column>
					<p:column headerText="Nombre " sortBy="#{sala.nombreSala}">
						<h:outputText value="#{sala.nombreSala}" />
					</p:column>
					<p:column headerText="Ubicacion "
						sortBy="#{sala.ubicacion}">
						<h:outputText value="#{sala.ubicacion}" />
					</p:column>
					<p:column headerText="Capacidad"
						sortBy="#{sala.capacidad}">
						<h:outputText value="#{sala.capacidad}" />
					</p:column>
					<p:column headerText="Televisor" sortBy="#{sala.televisor}">
						<h:outputText value="Si" rendered="#{sala.televisor}" />
						<h:outputText value="No" rendered="#{!sala.televisor}" />
					</p:column>
					<p:column headerText="Proyecto" sortBy="#{sala.proyector}">
						<h:outputText value="Si" rendered="#{sala.proyector}" />
						<h:outputText value="No" rendered="#{!sala.proyector}" />
					</p:column>	
					<p:column headerText="Reservar">
						<p:commandButton
							action="#{ReservaMB.accionSalaNormal(sala)}"
							 value="Reservar">
						</p:commandButton>
					</p:column>									
				</p:dataTable>				
			</p:panel>			
		</h:form>
				<!-- Agregar Sala ajax -->
		<ui:include src="/crearSala.xhtml" />
		<!-- Modificar Sala Ajax -->
		<ui:include src="/modificarSala.xhtml" />
	</h:body>
</ui:composition>
